<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8"/>
	<style type="text/css">
	   .box01{
           width: 100px;
           height: 100px;
            
           border: 1px solid red;
           float: left;
     }
     .box02{
           width: 100px;
           height: 100px;
            
           border: 1px solid red;
           float:left;
     }
     
	</style>

</head>
<body>
    <div class="box01">box1</div>
    <div class="box02">box2</div>
    <!-- <div class="box03">box3</div -->
    <!-- 当我们的元素设置了浮动 就会对相邻的元素有影响 清除浮动 -->
    <div style="clear:both;"></div>
    <!-- 标准流：html文档从上至下 -->
    <span>我爱学习 千峰</span>





</body>
</html>
